---
layout: default
---

<div id="ace-content" class="ace-container-shift">
    <div class="ace-container">
        <div id="ace-nav-wrap" class="hidden-sm hidden-xs">
            <div class="ace-nav-cont">
                <div id="ace-nav-scroll">
                    <nav id="ace-nav" class="ace-nav">
                        <ul class="clear-list">
                            <li>
                              <a href="index.html" data-tooltip="Home"><img class="avatar avatar-42" src="{{ '/styles/img/show-star.png' | prepend: site.baseurl }}" alt=""></a>
                            </li>
                            <li>
                              <a href="#basic_info" data-tooltip="基本信息"><span class="ace-icon ace-icon-home"></span></a>
                            </li>
                            <li>
                              <a href="#profetional" data-tooltip="职业技能"><span class="ace-icon ace-icon-experience"></span></a>
                            </li>

                            <li>
                              <a href="#education" data-tooltip="教育经历"><span class="ace-icon ace-icon-portfolio"></span></a>
                            </li>
                            
                            <li>
                              <a href="#experience" data-tooltip="工作经历"><span class="ace-icon ace-icon-references"></span></a>
                            </li>
                            <li>
                              <a href="#certification" data-tooltip="获得证书"><span class="ace-icon ace-icon-blog"></span></a>
                            </li>
                            <li>
                              <a href="#personal_project" data-tooltip="个人作品"><span class="ace-icon ace-icon-snowflake-o"></span></a>
                            </li>
                        </ul>
                    </nav>
                </div>

                <div id="ace-nav-tools" class="hidden">
                    <span class="ace-icon ace-icon-dots-three-horizontal"></span>

                    <button id="ace-nav-arrow" class="clear-btn">
                        <span class="ace-icon ace-icon-chevron-thin-down"></span>
                    </button>
                </div>
            </div>

            <div class="ace-nav-btm"></div>
        </div><!-- .ace-nav-wrap -->

        <div class="ace-paper-stock">
            <main class="ace-paper clearfix">
                <div class="ace-paper-cont clear-mrg">
                    <!-- START: PAGE CONTENT -->
                    <div class="padd-box clear-mrg">
                        <section class="section brd-btm" id="basic_info">
                            <div class="row">
                                <div class="col-sm-6 clear-mrg">
                                    <h2 class="title-thin text-muted">基本信息</h2>

                                    <dl class="dl-horizontal clear-mrg">
                                        <dt class="text-upper">性别</dt>
                                        <dd>女</dd>

                                        <dt class="text-upper">出生日期</dt>
                                        <dd>09 Jan 1991</dd>

                                        <dt class="text-upper">手机</dt>
                                        <dd>1580424XXXX</dd>

                                        <dt class="text-upper">e-mail</dt>
                                        <dd><a href="mailto:xxxx@xx.com">xxxx@xx.com</a></dd>

                                        <dt class="text-upper">英语</dt>
                                        <dd>CET-6</dd>

                                        <dt class="text-upper">日语</dt>
                                        <dd>一级</dd>
                                    </dl>
                                </div><!-- .col-sm-6 -->
                            </div><!-- .row -->
                        </section><!-- .section -->

                        <section class="section brd-btm" id="profetional">
                            <div class="row">
                                <div class="col-sm-9 clear-mrg">
                                    
                                    <h2 class="title-thin text-muted">职业技能</h2>

                                    <div class="col-sm-6 clear-mrg">
                                        <ul class="styled-list clear-mrg">
                                            <li>Java</li>
                                            <li>HTML</li>
                                            <li>CSS</li>
                                            <li>Javascript</li>
                                            <li>大数据</li>
                                        </ul>
                                    </div>
                                    <div class="col-sm-6 clear-mrg">
                                        <ul class="styled-list clear-mrg">
                                            <li>Maven</li>
                                            <li>Git</li>
                                            <li>Spark</li>
                                            <li>Storm</li>
                                            <li>Jekyll</li>
                                        </ul>
                                    </div>
                                </div><!-- .col-sm-6 -->
                            </div><!-- .row -->
                        </section><!-- .section -->

                        <section class="section brd-btm" id="education">
                            <div class="row">
                                <div class="col-sm-12 clear-mrg">
                                    <h2 class="title-thin text-muted">教育经历</h2>

                                    <div class="ref-box hreview">
                                        <div class="ref-avatar">
                                            <img alt="" src="{{ '/styles/img/school.jpg' | prepend: site.baseurl }}" class="avatar avatar-54 photo" height="54" width="54">
                                        </div>

                                        <div class="ref-info">
                                            <div class="ref-author">
                                                <strong>大连外国语大学</strong>
                                                <span>2010 - 2014 | 软件工程</span>
                                            </div>

                                            <blockquote class="ref-cont clear-mrg">
                                                <p>学习计算机专业基础知识，并获得国家励志奖学金3次，一等奖学金2次，大连市三好学生。
                                                </p>
                                                <p>作为班级团支书，多次组织班级活动。 作为学生会外联部部长，多次联合校外企业赞助学校活动。
                                                </p>
                                            </blockquote>
                                        </div>
                                    </div><!-- .ref-box -->
                                </div><!-- .col-sm-6 -->
                            </div><!-- .row -->
                        </section><!-- .section -->

                        <section class="section brd-btm" id="experience">
                            <div class="row">
                                <div class="col-sm-12 clear-mrg">
                                    <h2 class="title-thin text-muted">工作经历</h2>

                                    <div class="ref-info">
                                        <div class="ref-author">
                                            <strong>马自达项目</strong>
                                            <span>2016 - Now | 大连IBM</span>
                                        </div>

                                        <blockquote class="ref-cont clear-mrg">
                                            <p>使用技术为struts, hibernate, spring等等</p>
                                            <p>负责项目中服务开发</p>
                                            <p>参与部分需求调研</p>
                                            <p>。。。</p>
                                        </blockquote>
                                    </div>
                                    <br />
                                    <div class="ref-info">
                                        <div class="ref-author">
                                            <strong>本田项目</strong>
                                            <span>2014 - 2016 | 大连IBM</span>
                                        </div>

                                        <blockquote class="ref-cont clear-mrg">
                                            <p>使用技术为struts, hibernate, spring等等</p>
                                            <p>负责项目中服务开发</p>
                                            <p>参与部分需求调研</p>
                                            <p>。。。</p>
                                        </blockquote>
                                    </div>
                                </div>
                            </div>
                        </section><!-- .section -->

                        <section class="section brd-btm" id="certification">
                            <h2 class="title-thin text-muted">获得证书</h2>

                            <div class="row">
                                <div class="col-sm-6 clear-mrg">
                                    <div class="award-box">
                                        <figure class="award-img">
                                            <img src="{{ '/styles/img/PMP.png' | prepend: site.baseurl }}" alt="">
                                        </figure>

                                        <h3 class="award-title">PMP</h3>
                                    </div>
                                </div><!-- .col-sm-6 -->

                                <div class="col-sm-6 clear-mrg">
                                    <div class="award-box">
                                        <figure class="award-img">
                                            <img src="{{ '/styles/img/udemy.png' | prepend: site.baseurl }}" alt="">
                                        </figure>

                                        <h3 class="award-title">Udemy</h3>
                                    </div>
                                </div><!-- .col-sm-6 -->
                            </div><!-- .row -->
                        </section><!-- .section -->

                        <section class="section" id="personal_project">
                            <h2 class="title-thin text-muted">个人作品</h2>
                            <div class="pf-wrap">
                                <div class="pf-grid">

                                <div class="pf-grid-sizer"></div><!-- used for sizing -->

                                    <div class="pf-grid-item photography">
                                        <div class="project">
                                            <figure class="portfolio-figure">
                                                <img src="{{ '/styles/img/portfolio/ibms.jpg' | prepend: site.baseurl }}" alt="">
                                            </figure>
                                            <div class="portfolio-caption text-center">
                                                <div class="valign-table">
                                                    <div class="valign-cell">
                                                        <h2 class="text-upper">智能楼宇管理系统</h2>
                                                        <p>基于数据采集模型的智能楼宇管理系统，支持SNMP,Modbus,电总, OPC等协议。</p>
                                                        <a href="#pf-popup-1" class="pf-btn-view btn btn-primary">详情</a>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                        <div id="pf-popup-1" class="pf-popup clearfix">
                                            <div class="pf-popup-col1">
                                                <div class="pf-popup-media" style="background-image: url({{ '/styles/img/portfolio/ibms.jpg' | prepend: site.baseurl }}); background-repeat: no-repeat;background-size: cover;">
                                                </div>
                                            </div><!-- .pf-popup-col1 -->

                                            <div class="pf-popup-col2">
                                                <div class="pf-popup-info clear-mrg">
                                                    <h2 class="text-upper">智能楼宇管理系统</h2>
                                                    <p class="text-muted"><strong>design / development</strong></p>
                                                    <dl class="dl-horizontal">
                                                        <dt>Demo展示地址:</dt>
                                                        <dd><a href="https://gitee.com/xiaodan_yu/resume.io">Demo</a></dd>
                                                    </dl>
                                                    <p>基于数据采集模型的智能楼宇管理系统，支持SNMP,Modbus,电总, OPC等协议。</p>
                                                </div><!-- .pf-popup-info -->

                                            </div><!-- .pf-popup-col2 -->
                                        </div><!-- .pf-popup -->
                                    </div><!-- .pf-grid-item -->

                                    <div class="pf-grid-item design">
                                        <div class="project">
                                            <figure class="portfolio-figure">
                                                <img src="{{ '/styles/img/portfolio/prj-02.jpg' | prepend: site.baseurl }}" alt="">
                                            </figure>

                                            <div class="portfolio-caption text-center">
                                                <div class="valign-table">
                                                    <div class="valign-cell">
                                                        <h2 class="text-upper">Jekyll 简历模板</h2>
                                                        <p>基于Jekyll的简历模板，托管在码云。记得给个赞哦！</p>
                                                        <a href="https://gitee.com/xiaodan_yu/resume.io" class="pf-btn-view btn btn-primary" target="_blank">详情</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- .pf-grid-item -->

                                    <div class="pf-grid-item photography">
                                        <div class="project">
                                            <figure class="portfolio-figure">
                                                <img src="{{ '/styles/img/portfolio/ai.jpg' | prepend: site.baseurl }}" alt="">
                                            </figure>

                                            <div class="portfolio-caption text-center">
                                                <div class="valign-table">
                                                    <div class="valign-cell">
                                                        <h2 class="text-upper">股票预测模型</h2>
                                                        <p>基于AI的股票预测模型</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- .pf-grid-item -->
                                </div>
                            </div>
                        </section><!-- .section -->
                    </div><!-- .padd-box -->
                <!-- END: PAGE CONTENT -->
                </div><!-- .ace-paper-cont -->
            </main><!-- .ace-paper -->
        </div><!-- .ace-paper-stock -->
    </div><!-- .ace-container -->
</div><!-- #ace-content -->
